var data3 = [{
        id: 0,
        imgUrl: 'https://img14.360buyimg.com/n1/s300x300_jfs/t1/107620/38/15906/368883/5eaf7085E3cc8d8ef/b2dac719f339e972.jpg',
        title: '摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色',
        price: 219.00,
        price2: '399.00'
    },
    {
        id: 1,
        imgUrl: 'https://img14.360buyimg.com/n1/s300x300_jfs/t1/107620/38/15906/368883/5eaf7085E3cc8d8ef/b2dac719f339e972.jpg',
        title: '摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色',
        price: 219.00,
        price2: '399.00'
    },
    {
        id: 2,
        imgUrl: 'https://img14.360buyimg.com/n1/s300x300_jfs/t1/107620/38/15906/368883/5eaf7085E3cc8d8ef/b2dac719f339e972.jpg',
        title: '摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色',
        price: 219.00,
        price2: '399.00'
    },
    {
        id: 3,
        imgUrl: 'https://img14.360buyimg.com/n1/s300x300_jfs/t1/107620/38/15906/368883/5eaf7085E3cc8d8ef/b2dac719f339e972.jpg',
        title: '摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色',
        price: 219.00,
        price2: '399.00'
    },
    {
        id: 4,
        imgUrl: 'https://img14.360buyimg.com/n1/s300x300_jfs/t1/107620/38/15906/368883/5eaf7085E3cc8d8ef/b2dac719f339e972.jpg',
        title: '摩飞（Morphyrichards）榨汁机 便携式充电迷你无线果汁机料理机随行杯MR9800 蓝色',
        price: 219.00,
        price2: '399.00'
    },
];
// $(function () {
//     var data = [
//         {
//             id: 1,
//             imgUrl: './images/01.jpg',
//             title: 'kkkkk',
//             price: 33
//         },
//         {
//             id: 2,
//             imgUrl: './images/02.jpg',
//             title: 'kkkkk',
//             price: 55
//         },
//         {
//             id: 3,
//             imgUrl: './images/03.jpg',
//             title: 'kkkkk',
//             price: 66
//         },
//         {
//             id: 4,
//             imgUrl: './images/04.jpg',
//             title: 'kkkkk',
//             price: 77
//         },
//         {
//             id: 5,
//             imgUrl: './images/05.jpg',
//             title: 'kkksssskk',
//             price: 88
//         },
//         {
//             id: 6,
//             imgUrl: './images/06.jpg',
//             title: 'iliilj',
//             price: 99
//         },
//     ];
//
//
//
//     function showData(data) {
//         var rel = '';
//         for (var i = 0; i < data.length; i++) {
//             rel += `<li>
//                   <p>${data[i].title}</p>
//                   <p>¥<span>${data[i].price}</span></p>
//                   <p> <del>¥${data[i].price2}</del></p>
//                  <a href="zoom.html#${data[i].id}">
//                     <img src="${data[i].imgUrl}" alt="">
//                 </a>
//                 </li>`
//         }
//         // 展示数据
//         $('ul').html(rel);
//     }
//
showData(data3);
$('button').click(function() {
    var data2 = data.sort(function(a, b) {
        return b.price - a.price;
    });

    showData(data2);
});
// });